footer .card {
    margin-top: 35px;
    background: var(--ft_bg_color);
    visibility: hidden;
}

.navbar-nav:first-child {
    background: #00000000;
    padding: 5px 10px;
    border-radius: 5px;
    color: #FFFFFF;
    opacity: 0.8;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .navbar-header {
        position: relative;
        z-index: 2;
        background-color: #00000000;
    }
}

button[data-bs-target="#searchBarModal"] svg path {
  fill: #C5D22C !important;
}

.text-muted {
    color: #C5D22C !important;
}

/* voorbeeld: alle h3 krijgen //// */
h3 {
  color: #fff; /* tekst wit */
}

h3::before {
  content: "////";
  color: #C5D22C;   /* alleen de //// tulp-groen */
  margin-right: 0.5rem;
  font-weight: inherit;
}

@media (max-width: 767px) {
    body {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
    }
    
.navbar-header {
    position: relative;
    z-index: 2;
    background: none;
}

.navbar-toggler {
  border-color: transparent; /* optioneel: rand weghalen of aanpassen */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23C5D22C' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}